<template>
  <el-dialog
    :close-on-click-modal="false"
    width="65%"
    :title="title"
    :visible.sync="visible"
    :before-close="close"
    lock-scroll
    append-to-body
  >
    <div>总分：{{ datas.total_score ? datas.total_score : 0 }}</div>
    <el-table
      border
      :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
      :data="datas.data"
      max-height="400"
      size="small"
      style="width: 100%; margin-top: 15px"
    >
      <el-table-column
        prop="realname"
        label="真实姓名"
        width="150"
      ></el-table-column>
      <el-table-column prop="project_name" label="项目名称"></el-table-column>
      <el-table-column
        prop="project_level"
        label="项目优先级"
        width="150"
      ></el-table-column>
      <el-table-column prop="score" label="分数" width="150"></el-table-column>
    </el-table>
    <div slot="footer" class="dialog-footer">
      <el-button @click="close">取 消</el-button>
    </div>
  </el-dialog>
</template>

<script>
import { Message } from "element-ui";

export default {
  name: "ClassicForm",
  props: {
    visible: Boolean,
    title: String,
    datas: {
      type: Object,
    },
  },
  data() {
    return {
      loading: false,
    };
  },
  computed: {},
  created() {},
  methods: {
    cancel() {
      this.loading = false;
      this.$emit("update:visible", false);
    },
    close() {
      this.cancel();
    },
  },
};
</script>
<style lang="scss" scoped>
</style>